@media screen and (max-width:1023px) {

}
@media screen and (min-width:600px) {
  .about_box:hover{
    background-color: #fff;
    height: 23vw;
}
.about_box:hover .about_title{
    color: #000;
}
.about_box:hover .about_img img{
    transform: scale(1);
}

}
@media screen and (max-width:599px) {
  .bottom_line{
    width: 90%;
  }
header{
  background-color: #000 !important;
}
.header img{
  filter: invert(0);
}

section {
    font-size: 3.2vw;
}
div.image_sd_wrap {
  width: 350%;
  padding: 3vw 0;
}
.hamburger_bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 9998;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.6);
}
.hamburger_bg.on {
  opacity: 1;
  visibility: visible;
}




/* intro */

.intro_bg{
  /* display: none; */
}
.intro_title_white {
  /* opacity: 0; */
}
.intro_title_wrap {
  width: 300%;
  top: 44.9%;
}
/* .intro_title_wrap img{
  transform: scale(0.6);
} */
.intro_title_white {
  width: 43%;
  top: 44.9%;
}
.intro_title_white img{
  width: 100%;
}
.intro_btmtxt {
  width: 44%;
  top: 56.1%;
}
.intro_btmtxt img{
  width: 100%;
}


.main{
  height: 150vw;
}
.swiper_main {
  height: 100%;
}
.con1_07 {
  width: 295%;
  position: relative;
}
.con1_07.item1{
  left: -103%;
}
.con1_07.item2{
  left: -156%;
}
.con1_07.item3{
  left: -171%;
}
.main_slide_txtwrap {
  width: 50%;
  background-color: rgba(0, 0, 0, 0.6);
}
.main_slide_txtbox {
  width: 75%;
  gap: 2vw;
}
.main_slide_txt {
  font-size: 3.2vw;
}
.main_slide_txt.item2 {
  font-size: 4.8vw;
}
.main_slide_txtwrap.slide1 {
  left: 50%;
  transform: translateX(-50%);
}
.main_slide_txtwrap.slide3 {
  left: 50% !important;
  transform: translateX(-50%);
}





.section_title {
  width: 90%;
  margin-bottom: 6vw;
  font-size: 6.2vw;
}



.con01 {
  padding: 14vw 0;
}
.con1_08 {
  width: 145%;
}
.con1_08_txt {
  line-height: 1.5;
  font-size: 5vw;
  right: 50%;
  transform: translateX(50%);
  bottom: 55%;
  text-align: center;

}
.con1_08_txt .line:last-child{
  margin-left: 2vw;
}
.con1_08_btmtxt {
  bottom: 5%;
  right: 33%;
  color: #000;
}
.ICDI {
  font-size: 2.8vw;
}
.history_con {
  width: 90%;
  gap: 2vw;
  row-gap: 6vw;
  margin-bottom: 8vw;
  justify-content: space-between;
}
.history_box {
  width: 48.8%;
}
.history_imgbox {
  height: 28vw;
  margin-bottom: 3vw;
}
.history_box:hover .history_imgbox img{
  margin-bottom: 10vw;
}
.history_plus {
  font-size: 3.8vw;
}
.history_title {
  font-size: 3.2vw;
  margin-bottom: 1vw;
}
.history_name {
  font-size: 3.8vw;
}
.morebtn {
  width: 27vw;
  height: 7vw;
  border-left: 1.6vw solid #000;
  border-right: 1.6vw solid #000;
  font-size: 6vw;
}
.morebtn_txt {
  line-height: 7vw;
  font-size: 3.8vw;
}
.history_sec {
  margin-bottom: 14vw;
}




.about_sec {
  padding: 14vw 0;
}
.about_con {
  width: 90%;
  flex-wrap: wrap;
  gap: 1vw;
  row-gap: 4vw;
  top: 28vw;
}
.about_sec .section_title {
  margin-bottom: 210vw;
}
.about_box {
  width: 48%;
  height: 63vw;
  border-radius: 2vw;
}
.about_title {
  font-size: 3.8vw;
  margin-bottom: 2vw;
  margin-left: 0;
  width: 100%;
  text-align: center;
}
.about_img {
  margin-bottom: 5vw;
}
.about_img img {
  transform: scale(1);
}
.about_txt {
  width: 100%;
  text-align: center;
  margin-bottom: 3vw;
  margin-left: 0;
  font-size: 3.2vw;
}
.about_box .morebtn {
  bottom: -2%;
  color: #fff;
  height: 5vw;
  border-left: 1.4vw solid #fff;
  border-right: 1.4vw solid #fff;
}
.about_btmtxt {
  right: 5%;
  bottom: 5%;
}




.arte_sec {
  padding: 14vw 0 0 0;
}

.arte_con {
  flex-direction: column;
  width: 90%;
  padding-bottom: 24vw;
  text-align: center;
}
.arte_left, .arte_right {
  width: 100%;
}
.arte_txt {
  font-size: 3.2vw;
}
.arte_sec  .section_title{
  width: 100%;
}
.con1_12 {
  width: 69%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10%;
}


/* 지역 슬라이드 시작 */
.contest_sec {
  padding: 14vw 0 20vw 0;
}
.contest_top_btnwrap, .contest_btm_btnwrap {
  width: 90%;
}
.contest_top_btn {
  width: 20vw;
  padding: 2vw 0;
  font-size: 3.5vw;
}
.contest_btm_btn {
  width: 10vw;
  font-size: 3.5vw;
  padding: 3vw 0;
}
.contest_btm_btnwrap {
  margin-bottom: 95vw;
  gap: 5vw;
}
.contest_slide_area {
  font-size: 3.2vw;
  padding: 0.8vw 1.5vw;
  top: 3%;
  left: 4%;
}
.contest_slide_imgbox {
  width: 62vw !important;
  height: 62vw;
  margin-bottom: 3vw;
}
.contest_slide_title {
  font-size: 3.5vw;
  margin-bottom: 2vw;
  white-space: nowrap;
}
.contest_slide_txt {
  font-size: 3.2vw;
}
.contest_slide_img {
  width: 68%;
  height: 56vw;
}
.swiper_contest_btnwrap {
  width: 22vw;
  gap: 5vw;
  left: 50%;
  transform: translateX(-50%);
  top: 88%;
  display: flex;
  flex-direction: row;
}
.swiper_contest_btntxt {
  font-size: 3.2vw;
  display: none;
}
.swiper_contest {
  width: 94%;
  top: 35%;
}
/* 지역 슬라이드 끝 */





.grandprix_con {
  width: 90%;
  flex-direction: column;
  text-align: center;
}
.grandprix_classic {
  width: 100%;
  height: 125vw;
}
.grandprix_left, .grandprix_right {
  width: 100%;
}
.grandprix_left .section_title{
  width: 100%;
}
.grandprix_txt {
  font-size: 3.2vw;
}



/* 지역 슬라이드 시작 */
.grandprix_sec {
  padding: 14vw 0 20vw 0;
}
.grandprix_top_btnwrap, .grandprix_btm_btnwrap {
  width: 90%;
}
.grandprix_top_btn {
  width: 20vw;
  padding: 2vw 0;
  font-size: 3.5vw;
}
.grandprix_btm_btn {
  width: 10vw;
  font-size: 3.5vw;
  padding: 3vw 0;
}
.grandprix_btm_btnwrap {
  margin-bottom: 95vw;
  gap: 5vw;
}
.grandprix_slide_area {
  font-size: 3.2vw;
  padding: 0.8vw 1.5vw;
  top: 3%;
  left: 4%;
}
.grandprix_slide_imgbox {
  width: 62vw !important;
  height: 62vw;
  margin-bottom: 3vw;
}
.grandprix_slide_title {
  font-size: 3.5vw;
  margin-bottom: 2vw;
  white-space: nowrap;
}
.grandprix_slide_txt {
  font-size: 3.2vw;
}
.grandprix_slide_img {
  width: 68%;
  height: 56vw;
}
.swiper_grandprix_btnwrap {
  width: 22vw;
  gap: 5vw;
  left: 50%;
  transform: translateX(-50%);
  top: 86%;
  display: flex;
  flex-direction: row;
}
.swiper_grandprix_btntxt {
  font-size: 3.2vw;
  display: none;
}
.swiper_grandprix {
  width: 100%;
  top: 35%;
}
/* 지역 슬라이드 끝 */





.musiccamp_sec {
  padding: 14vw 0;
}
.musiccamp_con {
  width: 90%;
  flex-direction: column;
  gap: 10vw;
}
.musiccamp_con_left, .musiccamp_txtbox{
  width: 100%;
}
.musiccamp_txtbox{
  /* display: flex; */
  flex-direction: column;
  align-items: center;
}
.musiccamp_txt_top {
  font-size: 3.2vw;
  padding: 1vw 2vw;
  margin: 0 auto;
  margin-bottom: 4vw;
}
.musiccamp_txt_title {
  font-size: 3.8vw;
  margin-bottom: 4vw;
  text-align: center;
  line-height: 1.5;
}
.musiccamp_txt_txt {
  height: 65vw;
  font-size: 3.5vw;
  margin-bottom: 8vw;
  text-align: center;
}
.musiccamp_txtbox .morebtn {
  margin: 0 auto;
}
.con1_18 {
  width: 480%;
}
.front_contact_con {
  width: 18%;
  flex-direction: column;
  gap: 8vw;
}
.front_contact_title {
  font-size: 5.8vw;
  margin-bottom: 4vw;
}
.front_contact_txt1 {
  font-size: 3.8vw;
  margin-bottom: 2vw;
}
.front_contact_txt2 {
  font-size: 3.2vw;
  margin-bottom: 12vw;
}
.front_contact_box {
  width: 100%;
  border-radius: 2vw;
  padding: 7vw 8vw;
}
.con1_17{
  height: 50vw;
}
.musiccamp_txt_txt p span{
  font-size: 3.2vw !important;
}
.musiccamp_img_slide{
  height: 46vw;
}




}














/* 콩쿨 페이지 */
@media screen and (max-width:599px) {

.subpage_top {
    padding: 25vw 0 12vw 0;
}
.subpage_img {
    width: 200%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.subpage_subtitle {
  font-size: 3.6vw;
  top: 31%;
}
.subpage_title {
  font-size: 7vw;
  top: 45%;
}
.subpage_btmtxt {
  right: 0%;
  bottom: 8%;
  width: 100%;
  text-align: center;
}




.contest_txt_con {
  width: 90%;
}
.contest_txt_btnwrap {
  width: 90%;
  gap: 2vw;
  padding-bottom: 4vw;
}
.contest_txt_btn {
  width: 25vw;
  padding: 1.5vw 0;
  font-size: 3.5vw;
}
.contest_txt_con_box {
  flex-direction: column;
  padding: 12vw 0;
  align-items: center;
  text-align: center;
}
.contest_txt_left, .contest_txt_right{
  width: 100%;
}
.contest_txt_left .section_title{
  width: 100%;
  margin-bottom: 5vw;
}
.contest_txt_left.this{
  height: 2vw;
}
.contest_txt_txt {
  font-size: 3.4vw;
  color: #333;
}
.contest_txt_left_subtitle {
  font-size: 3.8vw;
  margin-bottom: 6vw;
}
.contest_txt_right.this {
  width: 100%;
  margin-bottom: 6vw;
}
.contest_txt_beigebox {
  width: 100%;
  top: 0;
}
.con2_05 {
  width: 60%;
  right: 3%;
  bottom: 1.5%;
  opacity: 0.2;
  z-index: -1;
}
.contest_txt_con_box:first-child{
  padding: 12vw 0 24vw 0;
}
.contest_txt_con_box:last-child{
  padding: 15vw 0 20vw 0;
}
.con2_06 {
  width: 84%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 9%;
}
.con2_04 {
  width: 50%;
  top: -755%;
  opacity: 0.1;
}
.contest_txt_txt.this {
  margin-bottom: 4vw;
  padding-bottom: 4vw;
  border-bottom: 1px solid #cacaca;
}
.gallery_btnwrap {
  width: 90%;
  padding-bottom: 4vw;
  margin-bottom: 6vw;
  gap: 4vw;
  row-gap: 2vw;
  flex-wrap: wrap;
}
.gallery_btn {
  font-size: 3.5vw;
  padding: 1vw 0;
}
.gallery_con {
  width: 90%;
  gap: 3vw;
  margin-bottom: 6vw;
}
.gallery_box {
  width: 48%;
}
.gallery_imgbox {
  width: 100.401%;
  height: 25vw;
  margin-bottom: 0;
}
.gallery_box {
  width: 95%;
}
.gallery_imgbox {
  height: 48vw;
}
.gallery_title {
  font-size: 3.2vw;
  padding: 1vw 1vw;
  top: 6%;
  left: 4%;
}
.gallery_sec_morebtn {
  margin-top: 6vw;
}
.gallery_sec {
  margin-bottom: 10vw;
  padding-top: 14vw;
}



}



/* 그랑프리 페이지 */
@media screen and (max-width:599px) {

  .grandprix_txt_btnwrap {
    width: 90%;
    gap: 5vw;
    padding-bottom: 4vw;
  }
  .grandprix_txt_btn {
    width: 30vw;
    padding: 1.5vw 0;
    font-size: 3.5vw;
  }
  .grandprix_txt_con_box {
    flex-direction: column;
    padding: 10vw 0;
    align-items: center;
    text-align: center;
  }
  .grandprix_txt_left, .grandprix_txt_right{
    width: 100%;
  }
  .grandprix_txt_left .section_title{
    width: 100%;
  }
  .grandprix_txt_txt {
    font-size: 3.5vw;
  }
  
  
  
  
  
  .grandprix_news_sec {
    padding: 14vw 0;
}
  .grandprix_news_con {
    width: 90%;
    margin-bottom: 6vw;
  }
  .grandprix_news {
    width: 100%;
    font-size: 3.2vw;
    padding: 2.5vw 4vw;
}
.con2_07 {
  width: 9%;
}

}







/* 음악캠프 페이지 */
@media screen and (max-width:599px) {

/* 지역 슬라이드 시작 */
.musiccamp_sec.this {
  padding: 6vw 0 14vw 0;
}
.musiccamp_top_btnwrap {
  width: 90%;
}
.musiccamp_btm_btnwrap{
  width: 100%;
}
.musiccamp_wrap {
  width: 90%;
  padding-bottom: 8vw;
}
.musiccamp_top_btn {
  width: 20vw;
  padding: 2vw 0;
  font-size: 3.5vw;
}
.musiccamp_btm_btn {
  width: 10vw;
  font-size: 3.5vw;
  padding: 3vw 0;
}
.musiccamp_btm_btnwrap {
  margin-bottom: 8vw;
  gap: 5vw;
}
.musiccamp_conbox {
  flex-direction: column;
  gap: 8vw;
}
.musiccamp_txtbox.this {
  height: 95vw;
}

/* 지역 슬라이드 끝 */



.musiccamp_imgslide {
  width: 90%;
  margin: 10vw 0 0 0;
}
.swiper_musiccamp_btnwrap {
  width: 12vw;
  gap: 2vw;
  left: 3%;
  top: 6%;
}
.swiper_musiccamp_btntxt {
  font-size: 3.2vw;
  font-weight: 500;
  z-index: 5;
}
}








/* 오케스트라 페이지 */
@media screen and (max-width:599px) {

  .orchestra_top_con {
    flex-direction: column;
}
.orchestra_top_left, .orchestra_top_right {
  width: 100%;
}
.orchestra_top_right_txtbox {
  width: 100%;
  text-align: center;
}
.orchestra_top_right_txtbox.this {
  width: 100%;
  text-align: center;
  padding: 12vw 0;
}
.orchestra_top_con.this {
  padding: 12vw 0;
  width: 90%;
}
.orchestra_top_right_title {
  font-size: 4.5vw;
  margin-bottom: 6vw;
  text-align: center;
}
.orchestra_top_right_txt {
  font-size: 3.5vw;
}





.orchestra_btm {
  padding: 14vw 0;
}
.orchestra_btm_title {
  font-size: 5.2vw;
  margin-bottom: 6vw;
}
.orchestra_btm_con {
  width: 90%;
  gap: 4vw;
}
.orchestra_btm_con_box_sub {
  font-size: 3.2vw;
}
.orchestra_btm_con_box {
  width: 100%;
  height: 40vw;
  border-radius: 1vw;
}
.orchestra_btm_con_box_title {
  font-size: 4.5vw;
  margin-bottom: 2vw;
  font-weight: 600;
}
.orchestra_btm_con_box_txt {
  font-size: 3.5vw;
}
.orchestra_btm_con_box_txt.this {
  margin-bottom: 4vw;
}
.con5_04 {
  width: 4%;
}





/* 지역 슬라이드 시작 */
.event_sec {
  padding: 14vw 0 20vw 0;
}
.event_top_btnwrap, .event_btm_btnwrap {
  width: 90%;
}
.event_top_btn {
  width: 20vw;
  padding: 2vw 0;
  font-size: 3.5vw;
}
.event_btm_btn {
  width: 10vw;
  font-size: 3.5vw;
  padding: 3vw 0;
}
.event_btm_btnwrap {
  margin-bottom: 95vw;
  gap: 5vw;
}
.event_slide_area {
  font-size: 3.2vw;
  padding: 0.8vw 1.5vw;
  top: 3%;
  left: 4%;
}
.event_slide_imgbox {
  width: 62vw !important;
  height: 62vw;
  margin-bottom: 3vw;
}
.event_slide_title {
  font-size: 3.5vw;
  margin-bottom: 2vw;
  white-space: nowrap;
}
.event_slide_txt {
  font-size: 3.2vw;
}
.event_slide_img {
  width: 68%;
  height: 56vw;
}
.swiper_event_btnwrap {
  width: 22vw;
  gap: 5vw;
  left: 50%;
  transform: translateX(-50%);
  top: 86%;
  display: flex;
  flex-direction: row;
}
.swiper_event_btntxt {
  font-size: 3.2vw;
  display: none;
}
.swiper_event {
  width: 100%;
  top: 27%;
}
/* 지역 슬라이드 끝 */

}







/* 마스터클래스 페이지 */
@media screen and (max-width:599px) {

  .masterclass_top_con {
    width: 90%;
    flex-direction: column;
    padding-bottom: 14vw;
}
.masterclass_con_left{
  width: 100%;
}
.masterclass_con_right {
  width: 100%;
}
.masterclass_con_left .section_title{
  width: 100%;
  text-align: center;
}
.masterclass_con_txt {
text-align: center;
  font-size: 3.5vw;
}
.masterclass_con_txtbox {
  gap: 0;
  padding: 6vw 0;
  margin-top: 6vw;;
  flex-direction: column;
}





/* 지역 슬라이드 시작 */
.exam_sec {
  padding: 14vw 0 20vw 0;
}
.exam_top_btnwrap, .exam_btm_btnwrap {
  width: 90%;
}
.exam_top_btn {
  width: 20vw;
  padding: 2vw 0;
  font-size: 3.5vw;
}
.exam_btm_btn {
  width: 10vw;
  font-size: 3.5vw;
  padding: 3vw 0;
}
.exam_btm_btnwrap {
  margin-bottom: 95vw;
  gap: 5vw;
}
.exam_slide_area {
  font-size: 3.2vw;
  padding: 0.8vw 1.5vw;
  top: 3%;
  left: 4%;
}
.exam_slide_imgbox {
  width: 62vw !important;
  height: 62vw;
  margin-bottom: 3vw;
}
.exam_slide_title {
  font-size: 3.5vw;
  margin-bottom: 2vw;
  white-space: nowrap;
}
.exam_slide_txt {
  font-size: 3.2vw;
}
.exam_slide_img {
  width: 68%;
  height: 56vw;
}
.swiper_exam_btnwrap {
  width: 22vw;
  gap: 5vw;
  left: 50%;
  transform: translateX(-50%);
  top: 88%;
  display: flex;
  flex-direction: row;
}
.swiper_exam_btntxt {
  font-size: 3.2vw;
  display: none;
}
.swiper_exam {
  width: 100%;
  top: 35%;
}
/* 지역 슬라이드 끝 */

}









/* 커뮤니티 페이지 */
@media screen and (max-width:599px) {

  .community_title_sec {
    width: 90%;
    height: 50vw;
    padding-top: 10vw;
}
.community_title2 {
  font-size: 7vw;
}
.community_title1 {
  font-size: 3.8vw;
  margin-bottom: 2vw;
}
.announce_con {
  width: 90%;
  margin-bottom: 6vw;
}
.announce {
  font-size: 3.2vw;
  padding: 4vw 2vw;
}
.announce_txt{
  width: 78%;
}

.announce_pagenation_num {
  gap: 5vw;
}
.announce_pagenation_num button {
  font-size: 3.8vw;
}
.con8_01 {
  width: 4.4%;
}
.announce_pagenation {
  width: 90%;
  height: 5vw;
  gap: 5vw;
}
.announce_sec {
  padding: 14vw 0;
}






.question_sec {
  padding: 14vw 0;
}
.question_con {
  width: 90%;
  margin-bottom: 6vw;
}
.question {
  width: 100%;
  font-size: 3.2vw;
  padding: 4vw 4vw;
}
.question_btn {
  width: 8%;
  top: 2vw;
  right: 3vw;
}
.question_morebtn {
  margin-top: 8vw;
}
.question_sec .section_title {
  margin-bottom: 6vw;
}

}






/* 문의 페이지 */
@media screen and (max-width:599px) {

  .contact_title_sec {
    width: 90%;
    height: 50vw;
    padding-top: 10vw;
}
.contact_title2 {
  font-size: 7vw;
}
.contact_title1 {
  font-size: 3.8vw;
  margin-bottom: 2vw;
}
.contact_map {
  padding: 14vw 0;
}
.contact_map_con {
  width: 90%;
}
.contact_map_img {
  width: 100%;
  height: 50vw;
  margin-bottom: 8vw;
  overflow: hidden;
}
.contact_map_img > img {
  width: 200% !important;
  margin-right: 10vw;
}
.con9_02 {
  width: 21%;
  top: 28%;
  left: 50%;
  transform: translateX(-50%);
}
.con9_01 {
  width: 17%;
  bottom: 63.6%;
  display: none;
}
.contact_map_txtwrap {
  justify-content: space-evenly;
  padding-right: 0;
}
.contact_map_title {
  font-size: 5.8vw;
  margin-bottom: 3vw;
}
.contact_map_txt1 {
  font-size: 4vw;
  margin-bottom: 3vw;
}
.contact_map_txt2 {
  font-size: 3.5vw;
}
.contact_map_txtbox{
  text-align: center;
}





.contact_form_sec {
  padding: 14vw 0;
}
.contact_form_title {
  font-size: 6vw;
}






div.from_wrap {
  width: 90%;
}
.form_col {
  width: 100%;
  gap: 5vw;
  row-gap: 5vw;
  margin-bottom: 4vw;
  border-radius: 1vw;
  padding: 8vw 6vw;
}
.form_col_title {
  font-size: 3.6vw;
}
.form_col_title span {
  top: -1.6vw;
  left: -2vw;
}
.form_col01 .form_input_box {
  width: 100%;
}
.form_col01 .form_check_wrap label {
  width: 21vw;
  height: 6vw;
}
.form_check_wrap {
  width: 100%;
  row-gap: 2vw;
}
.form_input {
  height: 8vw;
  line-height: 1.5;
}
.form_col_txt {
  font-size: 3.2vw;
  margin: 3vw 0;
}
.form_col05 .form_check_wrap label {
  padding: 2vw 5vw;
}
.form_submit_div {
  padding: 0 14vw;
  height: 11vw;
  font-size: 4vw;
}
textarea {
  height: 22vw !important;
}
.form_input_box {
  gap: 1vw;
}





.form_dropdown {
  width: 35vw;
  left: 50%;
  transform: translateX(-50%);
  padding: 3vw;
  border-radius: 2vw;
  top: 8vw;
  gap: 4vw;
}
.form_dropdown_txt {
  font-size: 3.5vw;
  white-space: wrap;
}






.contact_alert_sec {
  z-index: 99999;
}
.contact_alert_box {
  top: 50%;
  transform: translateY(-50%);
  width: 90%;
  border-radius: 3vw;
  padding: 7vw 5vw;
}
.contact_alert_title {
  font-size: 5.2vw;
  margin-bottom: 4vw;
}
.contact_alert_txt {
  font-size: 3.2vw;
  margin-bottom: 3vw;
}
.contact_alert_btn {
  font-size: 4vw;
}
.contact_alert_txt.bottom {
  margin-bottom: 4vw;
}

}